<template>
<<<<<<< HEAD
  <div class="box">
    <p>暂未咨询</p>
  </div>
</template>

<script setup lang='ts'>
</script>

<style scoped>
.box {
  width: 100%;
  height: 100vh;
}
.box p {
  width: 100%;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 20px;
  font-weight: 600;
  color: #999;
=======
     <div class="moon">
        <!-- 搜索框 搜索框跳转页面-->
        <RouterLink to="/search" class="input">
            <img src="../../assets/Snipaste_2024-12-11_13-40-25.png" alt="">
            <input type="text" placeholder="输入关键字搜索科普文章">
        </RouterLink>
        <!-- 动态切换  切换的内容不一样 -->
        <div>
            <!-- 使用组件vant tab组件-->
           <div class="tab-title">
                <van-tabs v-model:active="active" swipeable color="#90dfac" 
                title-active-color="#90dfac" 
                >
                    <van-tab title="热点" class="taks">
                        <!-- 调用组件 -->
                        <Rd style="width: 100%;"></Rd>
                    </van-tab>
                    <van-tab title="专家科普">
                        <Zjkp />
                    </van-tab>
                    <van-tab title="生活">
                        <Sh />
                    </van-tab>
                    <van-tab title="睡眠">
                        <Sm/>
                    </van-tab>
                    <van-tab title="男性">
                        <Nx />
                    </van-tab>
                    <van-tab title="两性"> 
                        <Nvx/>
                    </van-tab>
                    <van-tab title="辟谣 ">
                        <Hypd/>
                    </van-tab>
                    <van-tab title="女性">
                        <Py/>
                    </van-tab>
                    <van-tab title="母婴">
                        <My/>
                    </van-tab>
                    <van-tab title="美容 ">
                        <Lt/>
                    </van-tab>
                    <van-tab title="行业频道">
                        <Mr/>
                    </van-tab>
                </van-tabs>
            </div>
        </div>
        
        </div>
</template>


<script setup lang="ts">


import { ref } from 'vue'
// 引入组件
import Rd from '../../compentents/zxtab/rd/indexView.vue'
import Zjkp from '../../compentents/zxtab/zjkp/indexView.vue'
import Sh from '../../compentents/zxtab/sh/indexView.vue'
import Sm from '../../compentents/zxtab/sm/index.vue'
import Nx from '../../compentents/zxtab/nx/index.vue'
import Nvx from '../../compentents/zxtab/nvx/index.vue'
import Hypd from '../../compentents/zxtab/hypd/index.vue'
import Py from '../../compentents/zxtab/py/index.vue'
import My from '../../compentents/zxtab/my/index.vue'
import Lt from '../../compentents/zxtab/lt/index.vue'
import Mr from '../../compentents/zxtab/mr/index.vue'
const active = ref(0);
</script>




<style lang="scss" scoped>
.input {
    height: 32px;
    width: 384px;
    background-color: #efefef;
    border-radius: 27px;
    margin-top: 20px;
    margin-left: 16px;
    display: flex;
}
 .input img{
     width: 24px;
     height: 24px;
     margin-top: 1.6%;
     margin-left: 4%;
 }
.input input{
     border: none;
     background: #efefef;
     margin-left: -30%;
>>>>>>> 1f89f8ca1715d7b56743d4d44cb055c67fd17ba2
}
</style>
